<template>
  <u-tabbar
    v-model="current"
    active-color="#2b85e4"
    :list="list"
    :mid-button="true"
  ></u-tabbar>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          iconPath: "home",
          selectedIconPath: "home-fill",
          text: "首页",
          customIcon: false,
          pagePath: "/pages/home/index",
        },
        {
          iconPath: "photo",
          selectedIconPath: "photo-fill",
          text: "关注",
          customIcon: false,
          pagePath: "/pages/follow/index",
        },
        {
          iconPath: "plus-circle",
          selectedIconPath: "plus-circle",
          text: "发布",
          midButton: true,
          pagePath: "/pages/release/index",
          customIcon: false,
        },
        {
          iconPath: "play-right",
          selectedIconPath: "play-right-fill",
          text: "消息",
          customIcon: false,
          pagePath: "/pages/news/index",
        },
        {
          iconPath: "account",
          selectedIconPath: "account-fill",
          text: "我的",
          isDot: false,
          customIcon: false,
          pagePath: "/pages/user/index",
        },
      ],
      current: 0,
    };
  },
};
</script>
